@charset "utf-8";
/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,em,img,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video,input,textarea,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:transparent;}body{line-height:1}nav ul,li{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}
a{ text-decoration:none; outline: none; }
input,textarea{ border: none; resize:none; outline:0; font-family: STHeiti,Arial; -webkit-appearance: none; }

/*global*/
body{ background-color:#fff; font:14px/1.2 STHeiti,Arial; color:#000; }
img{ vertical-align:middle; max-width:100%; max-height: 100%; }
video { max-width: 100%; height: auto; }
iframe,embed,object { max-width: 100%; }
th{ font-weight: 300; text-align: left; }


/*wrap*/
.wrap{ min-width:320px; overflow: hidden; }
.menu{ width:265px; position:absolute; top:0; height:100%; transform:translateX(-265px); background-color:#313131; z-index:-1; visibility: hidden; }
.main{ background-color:#fff; }
.main,.menu{ /*transition:transform .1s linear 0;*/ }
.main_mask{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; }
.show_menu,.show_menu body{ width: 100%; height: 100%; overflow: hidden; }
.show_menu .menu{ transform:translateX(0); z-index:99; }
.show_menu .wrap{ height: inherit; }
.show_menu .main{ z-index: 100; transform:translateX(265px); height: inherit; overflow: hidden; position: relative; }
.show_menu .main_mask{ z-index:101; height: inherit; }

header{ height:44px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#840b48), color-stop(100%,#6f0a3c)); background: -webkit-linear-gradient(top, #840b48 0%,#6f0a3c 100%); background: linear-gradient(to bottom, #840b48 0%,#6f0a3c 100%); box-shadow: 0 5px 5px 0 rgba(0,0,0,.25); position: relative; margin-bottom: 15px; }
.body{ max-width: 640px; margin: 0 auto 46px; position: relative; }

/*module*/
.show{ display: block; }
.hide{ display: none; }
.tri{ display:block; width:0; height:0; font-size:0; position:absolute; }

	/*btn*/
	.btn{ text-align: center; line-height: 27px; }
	.btn:active{ opacity: .8; }
	.btn_red{ background: #740a3f; }

	/*input=text*/
	.ipt{ height: 23px; border: 1px solid #720a3d; padding:2px 7px; background-color: #ededed; }
	.ipt input[type="text"],.ipt input[type="password"],.ipt input[type="email"]{ width: 100%; height: 23px; line-height: 23px; background-color: transparent; vertical-align: top; }

	/*圖上文下列表模式*/
	.v_list{ letter-spacing: -.5em; word-spacing: -.5em;}
	.v_list li{ display:inline-block; letter-spacing:0; word-spacing:0; vertical-align:top; }


/*menu*/
.menu .hd{ height: 43px; background-color: #2a2a2a; border-bottom: 1px solid #000; }
.menu .hd .logo{ display: block; text-align: center; color: #fff; font-size: 18px; font-weight: 700; line-height: 43px; }
.menu .bd{ height: inherit; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.menu .nav{ padding-bottom: 20px; background-color: #313131; }
.menu .nav a{ line-height: 49px; display: block; border-top: 1px solid #444; border-bottom: 1px solid #000; background-color: #313131; padding-left: 25px; color: #aaaaaa; }
.menu .nav a:active,.menu .nav .active{ color: #e00072; }
.menu .nav>a:last-child{ border-bottom: none; }


.menu .s{ width: 0; height: 100%; position: absolute; z-index: 99; right: 0; top: 0; box-shadow:-5px -5px 20px 2px #000; display: none; }
.show_menu .menu .s{ display: block; }

/*header*/
header .logo{ font-size: 18px; font-weight: 700; line-height: 44px; text-align: center; color: #fff; margin: 0 47px; }
header .i{ width: 47px; height: 44px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNzkxRDkxMUUxQjQxMUUzQUNGNkYyOUFBQjQ2QjQwMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNzkxRDkxMkUxQjQxMUUzQUNGNkYyOUFBQjQ2QjQwMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU3OTFEOTBGRTFCNDExRTNBQ0Y2RjI5QUFCNDZCNDAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU3OTFEOTEwRTFCNDExRTNBQ0Y2RjI5QUFCNDZCNDAzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RIYWVAAAADtJREFUeNrs1cEJADAIA0CV7r9ydQsfXsD/gYTkn8RiKpYDAPDm0gsAzrfAFgBogS0A0AJbAHAb0AIMAF0OBkDE77bhAAAAAElFTkSuQmCC) no-repeat 10px center; background-size: 16px auto; float: left; }
header .i:active{ opacity: .8; }

.search{ padding: 0 10px; margin-bottom: 15px; }
.search .ipt{ padding-right: 27px; position: relative; }
.search .btn{ width: 27px; position: absolute; right: 0; top: 0; }
.btn .zoom{ width: 19px; height: 19px; display: inline-block; vertical-align: middle; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMjE0MTdGNUUxQkExMUUzOUMxMEYxQjY4NTExNzc3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMjE0MTdGNkUxQkExMUUzOUMxMEYxQjY4NTExNzc3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyMTQxN0YzRTFCQTExRTM5QzEwRjFCNjg1MTE3Nzc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyMTQxN0Y0RTFCQTExRTM5QzEwRjFCNjg1MTE3Nzc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hByqpQAAArZJREFUeNrEmL9rFEEUx/eioGISI5F4mFjFu5iABonxB6eCRQojdqaxEwX/AbWQdNqkMoWNxRUWFgGLEERziJpCCJpgocQiZ6FeULHxEs1pjLj5DrzA4zGbm5mdXR98YN/ezeO7+2bezNtMGIaBgR0Cg+AY6ARZsAnUwAfwDjwFj0A18GFK2AacBU9Cc6uCUZCtE7cuUT80g7HQ3ZbAlTjCMppU9oBJsFfcXwHPwSvwmdLYCrpAARzQJKQILvtIZR780jz9MGiv85QF8EDz9sbipnIr+CaCPgZ7LIMOgd8izkgcYeMi2L0Yc6QHLIp4J12EnRJBpuKuKtArYn50ETbDAqg51uRBmOKqEHfeRli3GDzsSdQ6FRb7hem4BizMIbZI/4DRwK/xeKqs7DYZpIQdZ/4z8NOzsAnhF0yFdTJ/OvBvZSrI69ZtKmwX8xeCZOwTu24zFbZZzLEkbIVdbzEVtsz8HQkJa2HXy6bCvjA/n4CobWAf8yumwuaYP5CAsKNgO/NfmworiRVz0LOwS+z6h/HKR5VtBKusOk96rPpZsasUbffKOyLAOU/CpkTc/bbCdoJ/LMAqHRrjiLolRN12PY9dFIG+g35HUTc1J9neOM1IURPwmkXALvAwokGp2GRBd1PXHc2DG/TUDeL/reBMxEOFmizkXLskZSPgesRCVgXyK20zTXQIaLQoH4vgCJh3bXgHwRvHvlI1vQPUADu9OZN8XwAl8LeOmAVwF/SxsTkSYS0uY/jtQlkH6Ac50E6nBLUhv6dvF9MRpxO1/85S2o3TaiMsjuWog2/R/FYlcWW5V6ZhZdrMlyKORLPyZJOWsIDSdTjiM1UzeMnFpSnM9M2dMPk+lhT5DUpJybRcpCnuLeiwLRdJmJpTMzTH5mh11v7HHNMtiNPgPjXetbTrmLWtCTAAFLYVlm6BW10AAAAASUVORK5CYII=) no-repeat; background-size: 19px auto; margin: 0 auto; }

/*slider*/
.slide_banner{ margin-bottom: 20px; }
/* Swiper Styles */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;backface-visibility:hidden;z-index:1;}.swiper-wrapper{position:relative;width:100%;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-slide{float:left;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
/*set Swiper*/
.swiper-container,.swiper-slide { width:100%; height:0; }
.swiper-slide img{ width:100%; }

.pagination{ line-height:32px; text-align:center; padding-bottom: 3px; }
.pagination .swiper-pagination-switch{ width:32px; height:32px; display:inline-block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQzOTg1RkZDODJDMTFFMjg4QUVEQUY5RTVCMjA0RTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQzOTg2MDBDODJDMTFFMjg4QUVEQUY5RTVCMjA0RTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDM5ODVGREM4MkMxMUUyODhBRURBRjlFNUIyMDRFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDM5ODVGRUM4MkMxMUUyODhBRURBRjlFNUIyMDRFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBtYAYAAAGlSURBVHjapJSxS8NAFMZfQhraDC3U2pISXMTJSVBEEIUidBF1cRVxV/8BcenuoJtQcHBwcBEcWqhTEERwEhxbUVMsgqS1hJK2qd+FRGLaoW0++JFw9+67e3f3juv1elQsFsknEWyDTbAEZGCCMiiBK/DgBmezWfsrUL82wAmY9rVHwKzDIbgF++DVDeB9A47AzQCjQVoHT2DBbeA8ae6BvDea4ziKxWI2kiSRIAjE4k3TpGazSbquk2EYXwhdRKoVN00FnHmNotEopdNpEkWR/BOEw2GbRCJBjUZjUtO0C3StCp70JHdAKpWyGUZsUqx6RVXVDFcoFJjhJ5hgnfF4nBRFoVHV6XTO2QHMuUahUMhObRxhPzO8s1+2kskk8TxPY2qKdy7j38kFETPT7BsZidhHH0BvzOwF/AQ0YrrncdlMp9aC6tLd7Vy73TYCGKmyLJdcs/dWq3XQ7XbHMWLltPuv0FFz+Xq9fjyi0TcreKyq3Pdq1Gq1nGVZW/j9GMLoDsyDx4FPEPaNqtUqe4JmwA64dq6OBXTwDE7BMlgDFe/4XwEGAC19dYtsSVM/AAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size:auto 9px; vertical-align: middle; }
.pagination .swiper-active-switch{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NDY0MDgxOUUyNTMxMUUzQkVEMTkzOTkxNjg5QzIyMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NDY0MDgxQUUyNTMxMUUzQkVEMTkzOTkxNjg5QzIyMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NjQwODE3RTI1MzExRTNCRUQxOTM5OTE2ODlDMjIyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NjQwODE4RTI1MzExRTNCRUQxOTM5OTE2ODlDMjIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MTz0VAAAAcpJREFUeNqklE8og2Ecx3973u3dzJ/Z20Rjkr/JEkkchCIXJAflJCdHLm6icHXaTXGRiziQXJByUuQgtYMLMn/KMGzZu9le34e9emeE7Vufep73eZ9Pv/d9/ugURSGe0fJu0qQR9IN2UAxEcA32wBpYBiHthJmTdWIUnyKwHps0AqpAGhBAAegDi8ANer7MjZPVg0PQRb+nBKyCce1DfewTeUUbQNIOWkUz5ZskshmzyCyIxHSM5EiY7sN+ugn66Drom4oqyhVenf+UIbMgR5XwiU6Lg3KNloSSTIKB7IKV7CYrBSIyuZ88rpvg4yaGLhiqakWjQ30522CmZlvlt6KvSReMVG8tMZdn5I2p/6xfW1GDVEoGJtB/UpFp73PVDOq5rE19WG0pJJHpKYlIzixHLZc5eM9mzKAc/OhkI+iYg6mbz26SKMXIXOb5qCwzVdkll+3zVhoTUxE981PBZQu8FyUlFdlSy+5kiOGA7qCzHYyEkhW9gCnt2Rx6CAduk5QN893/KUN1p56Xu0407/8pmgBzCbeGV/YfeOXnOjS3/iDhO6AXTP90BdHR4/lZKPrKz2kTcIFj4HtfHyw9WAEDoCx2BcXlTYABAHYvcZ+ye9uTAAAAAElFTkSuQmCC); }

/*s_menu*/
.s_menu{ text-align: center; margin-bottom: 20px; }
.s_menu li{ display: inline-block; margin: 0 15px 13px; }
.s_menu .img_box{ width: 88px; height: 85px; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; margin-bottom: 8px; }
.s_menu .l{ display: block; height: 4px; font-size: 0; background-color: #740a3f; }
.s_menu .title{ display: block; color: #7c0b44; text-align: center; line-height: 14px; font-size: 14px; }

/*ad*/
.ad_box{ padding: 0 10px; margin-bottom: 20px; }

/*s_box*/
.s_box{ padding: 0 10px; margin-bottom: 20px; }
.s_box .hd{ line-height: 30px; color: #780a41; border-bottom: 1px solid #780a41; margin-bottom: 1px; }
.s_box .bd{ border-top: 1px solid #dcb9cb; }

.s_box_1{  }
.s_box_1 .hd{ font-size: 17px; }
.s_box_1 li{ border-bottom: 1px dotted #bababa; padding: 12px 0; min-height: 80px; }
.s_box_1 li .img_box{ float: left; width: 80px; height: 80px; border: 1px solid #cacaca; margin-right: 12px; }
.s_box_1 li .txt_box{ overflow: hidden; }
.s_box_1 li .title{ color: #740a3f; font-size: 16px; line-height: 21px; }
.s_box_1 li .intro{ color: #aaaaaa; font-size: 14px; line-height: 20px; }

/*pages*/
.pages { margin: 0 20px; padding: 15px 0; text-align: center; }
.pages .prev, .pages .next { background-color: #740a3f; color: #fff; display: inline-block; font-size: 14px; line-height: 25px; margin: 0 5px; padding: 0 14px; text-align: center; vertical-align: middle; }
.pages .prev:active, .pages .next:active { opacity: 0.5; }
.pages .prev.no, .pages .next.no { background-color: #eee; color: #bcbcbc; opacity: 1; }
.pages .select_box { background-color: #740a3f; border-color: #740a3f; border-style: solid; border-width: 1px; display: inline-block; line-height: 23px; position: relative; vertical-align: middle; width: 35%; }
.pages .select_box .txt { background-color: #fff; color: #666666; display: block; font-size: 14px; margin-right: 23px; text-align: center; }
.pages .select_box .tri { border-color: #fff transparent transparent; border-style: solid dashed dashed; border-width: 8px 7px; position: absolute; right: 3.5px; top: 8.5px; }
.pages .select_box select { width: 100%; line-height: 23px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; }

/*ctrl_box*/
.ctrl_box{ padding: 0 10px; margin-bottom: 15px; }
.back{ width: 20px; height: 20px; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjQwRjIwRkUzMTkxMUUzQTc1NEQ2QzBFRjc2MjNFMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjQwRjIxMEUzMTkxMUUzQTc1NEQ2QzBFRjc2MjNFMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2NDBGMjBERTMxOTExRTNBNzU0RDZDMEVGNzYyM0UxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NDBGMjBFRTMxOTExRTNBNzU0RDZDMEVGNzYyM0UxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+q3NyCwAAApZJREFUeNrMmU1IFVEUx++YFqKi4ccicCFFor1UMDEIIoI2ElJgCEJgK13WJkEQF2+hoGCt2geCYFBKUS5CVDLIhwsXIhkVpGCKFZUigb7+R8/Ac5iPe++7894c+PEWM2/m92buxznnWclkUqiEZVmeh0APeAfmvE5SvV+OMBOFYBwMgBPCYOQauMY58AJcECFEuk+wBSyEJZeOII23PvASlIgQQ+cVF4Gn4JbIQOQqzuDzPN5qRIYiR0GuFR+JTMod3jdoXbKOFr5+RiZoHVwDv/nzC1gEK2BfdR08XDi9QBSDSTrNAL/AM9AB8v3ue8zBR64WfDQk5yY7CMq0BBG3wZ+Q5FKhYfCAdh8pQZ408QyIOZkFZ3wFEafB6yzI2dCEuugqiIiBT1mUs9miZczxVkUb+BsBOZvP9DZtQRpzV0GBiE5UgSfOBLIT7EXoKRI3nJOkCXyLkOB7t2WmHExHSLLebZGmDOdRRATjflvdXbCbZcGZoGShAXxVvOg8p2Umftz34GxCiFLwVuGi11JyTSqo7oHn4J+WpFTKc1RKDikKOoMm4IiyqGxexqLtYEdT0I5LvKXJCO4pCbJkHW9HWoJ8jSvgQEJwRafsXAKN4I3uXgZJKgumJE5N6NbFP8FNbnXoxoLEOa/S6Szsg15wh7Mh5QcZcHwbTJhoHlEh1AxWFb8XCzg+jKGwqzNJvKKEWyEyk6QgIAddBqd8qzoNQXtxLpIQvO8jR8VaLLDs1BSUiQrww0OOtsfrUnVxiIKjHnIb4LJ04R6SYK+HHOWglUqdBcOCJ8FjF7FN0G33iLIleBZ8cIit89Ms1O7NGBCkrlgXtzeSPDHGuPGZJ3s/y+DfEKlRDR5ydyzB+eSiTvvtvwADAHmjdzF+xxJlAAAAAElFTkSuQmCC); background-size: 20px auto; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.back:active{ opacity: .8; }

/*.article*/
.article .bd{ padding-top: 20px; }
.article .bd p{ margin-bottom: 20px; line-height: 21px; }

/*pages_box*/
.pages_box{ margin:0 0 15px; line-height:27px; text-align:center; }
.pages_box a{ color:#666; }
.pages_box .center{ padding:0 18px; border-radius:5px; display:inline-block; background:#efefef; height:27px; line-height:27px; }
.pages_box .previous,.pages_box .next{ position:relative; }
.pages_box .previous{ float:left; padding:0 0 0 14px; }
.pages_box .next{ float:right; padding:0 14px 0 0; }
.pages_box .arrows_left,.pages_box .arrows_right{ width:6px; height:6px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAoCAYAAADKSBvHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzI2NjA5RkUzMUUxMUUzOEZDQzhDOUMyN0QzNkM3NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzI2NjBBMEUzMUUxMUUzOEZDQzhDOUMyN0QzNkM3NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MjY2MDlERTMxRTExRTM4RkNDOEM5QzI3RDM2Qzc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3MjY2MDlFRTMxRTExRTM4RkNDOEM5QzI3RDM2Qzc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WNb13gAAAYVJREFUeNrsVLtxg0AQRdiBQ0qgA0MHKkFOFEsVGIWOBBWAK5AVeYZEdCBcgYhITeiQDvCu5z1mdWLGcuREN/Pm0Grf/m53Z8MwePYsl8tcrkiwF7wJAsEO98Z3lBdyJYJQUEG8Fai8FzQzehBltfAJS08gzAVHKMeCzno4QLkqy7LC9wH/ZaqsHz6sJ7CmltZQYty1oKDVu7ZtNd53wYPgRazXyCWFjob3RYKPBAP8bnA/4u4ZykhQi8alhuGJLANZDeVnBCepUMLZQsZcVsjv59iy6mOdII/hIYGHDrJ+LKuE0ZhEGUaBKmmez2cezGuf0BobEEJ41nziC8Jvx/f+eG6Ea879NXNsunj0sEeD5XhZbesPyHZTITVog8AoFJBHWAQXObDF50aBLZ6yxS2hdxQieEjtjLtVqs0+YmivHC71PFVWVoSzbuc6cgmhCWEN5ZVdQS6BYVSAXQKZu/m4zLqJZVZxs5AQOKXsQV441RsJtMShtw9IA97kErhN3L8QvgUYABzKhFGrs940AAAAAElFTkSuQmCC) no-repeat; background-size:6px auto; position:absolute; top:12px; }
.pages_box .arrows_left{ left:3px; background-position:0 0; }
.pages_box .arrows_right{ right:3px; background-position:0 -10px; }
.pages_box .tri{ border-width:8px; position:static; display:inline-block; border-style:dashed dashed solid dashed; border-color:transparent transparent #bb005e transparent; }

/*msg_box*/
.msg_box{ margin: 0 10px 15px; }
.msg_box .reply_box{ margin: 0 0 15px; }
.msg_box .reply_box .ta_box{ border: 1px solid #ababab; padding: 10px; margin-bottom: 10px; background-color: #fff; } 
.msg_box .reply_box .ta_box .textarea{ width: 100%; line-height: 21px; height:147px; border: none; font-size: 13px; }
.msg_box .reply_box .line{ line-height: 27px; position: relative; padding-left: 82px; margin-bottom: 10px; }
.msg_box .reply_box .line label{ position: absolute; left:0; top: 0; display: inline-block; color: #555; font-weight: 700; }
.msg_box .reply_box .ipt_box{ height: 25px; border:1px solid #ababab; padding: 0 5px; background-color: #fff; }
.msg_box .reply_box .line_code{ position:relative; padding-right:70px; padding-left: 127px;}
.msg_box .reply_box .line_code .code{position:absolute; right:0; top:0;}
.msg_box .reply_box .ipt{ border-color: #ababab; background-color: #fff; }
.msg_box .reply_box .btn{ display: block; line-height: 27px; color:#fff; background-color: #740a3f; }

.msg_box .comment_box{ }
.msg_box .comment_box .hd{ line-height: 29px; border-bottom: 1px dotted #8c8c8c; }
.msg_box .comment_box .hd .title{ color: #740a3f; font-weight: 700; }
.msg_box .comment_box .list{  }
.msg_box .comment_box .list li{ padding: 10px 0; line-height: 26px; color: #555; border-bottom: 1px dotted #8c8c8c;  }
.msg_box .comment_box .list .date{ color: #aaa; }
.msg_box .comment_box .list .intro{ padding: 5px 0; }
.msg_box .comment_box .ft{ padding: 10px 0 ; text-align: center; }
.msg_box .comment_box .ft .more{ padding: 0 12px; background-color: #efefef; color: #666; line-height: 27px; display: inline-block; border-radius: 4px; }

/*share_box*/
.share_box{ margin-bottom: 15px; padding: 0 10px; }
.share_box .hd{ font-size: 15px; font-weight: 700; color: #740a3f; line-height: 21px; margin-bottom: 10px; }
.share_box .bd{ overflow: hidden; font-size: 12px; }
.share_box .bd li{ width: 50px; float: left; text-align: center; margin-right: 10px; }
.share_box .icon{ width: 40px; height: 40px; display: inline-block; margin: 0 0 5px; background: url(../images/share.png) no-repeat; background-size: 40px auto; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.share_box a{ color: #555; }
.share_box a:active .icon{ opacity: .8; }
.share_box .icon_1{ background-position: 0 0; }
.share_box .icon_2{ background-position: 0 -50px; }
.share_box .icon_3{ background-position: 0 -100px; }
.share_box .icon_4{ background-position: 0 -150px; }



/*footer*/
footer{ height: 75px; background-color: #262626; position: relative; }
footer .hd{ font-size: 14px; color: #464646; display: block; width: 60px; height: 60px; text-align: center; position: absolute; top: -23px; left: 50%; margin-left: -30px; }
footer .hd .tri{ z-index: 0; position: relative; display: block; margin: -14px auto 0; border-width: 14px 12px; border-style: dashed dashed solid; border-color: transparent transparent #bb005e; }
footer .txt_box{ padding-top: 15px; text-align: center; color: #fff; font-size: 11px; line-height: 20px; }