.red { border: 1px solid red; }
/*模版显示页*/
.MYanshi { width: 100%; background: #f7f7f7; border-bottom: 1px solid #ccc; }
.MYanshi_LOGO { padding: 0px; padding-left: 30px; height: 56px; background: #f7f7f7; }
.MYanshi span { float: left; }
.MYanshi_L_span0 { margin: 0 10px; }
.MYanshi_L_span1 { font-size: 14px; color: #575757; margin-top: 10px; height: 38px; border-left: 1px solid #e0e0e0; line-height: 38px; padding: 0px 20px; }
.MYanshi_L_span2 { font-size: 14px; color: #575757; margin-top: 10px; height: 38px; line-height: 38px; }
.MYanshi_L_span2 i { color: #0092D2; }
.MYanshi_L_span5 { float: right; margin-right: 30px; margin-top: 10px; }
.MYanshi_L_span5 a { display: block; width: 131px; height: 37px; line-height: 37px; text-align: center; font-size: 15px; float: left; border-radius: 5px; }
.MYanshi_L_span5 .add-order { background: #2665ba; color: #fff; margin-right: 10px; }
.MYanshi_L_span5 .add-order:hover { background: #2665ba; }
.MYanshi_L_span5 .add-collect { border: 1px solid #818181; }
.MYanshi_L_span5 .add-collect:hover { border-color: #ff2c00; }
/*下拉*/
.MYanshi_heder { width: 100%; position: relative; margin: 0 auto; z-index: 50; }
.tplpreview-w-handler { width: 100%; }
.tplpreview-handler { position: absolute; top: 0px; right: 30px; }
.tplpreview-handler .expand a.open { background: url(../img/yanshi/zhankai.png) no-repeat; outline: none; }
.tplpreview-handler .expand a { width: 56px; height: 46px; display: block; }
.tplpreview-handler a { display: block; background: url(../img/yanshi/shousuo.png) no-repeat; outline: none; }
.tplpreview-handler .order { width: 56px; height: 57px; background: url(../img/yanshi/buy.png) no-repeat; outline: none; margin-top: 15px; }
.hide { display: none; }
.tplpreview-handler .order a { width: 45px; height: 45px; background-position: -4px -48px; }
.tplpreview-handler a { display: block; text-indent: -9999px; }
/*模版显示页面img*/
/*手机演示网站*/
.template_xx_1 { margin: 110px auto; width: 830px; height: 700px; }
.template_xx_2 { background: url(../img/yanshi/mobilebg.png) no-repeat; height: 687px; width: 370px; float: left; }
.template_xx_3 { margin-top: 55px; margin-left: 15px; }
.template_xx_4 { float: right; width: 414px; margin-top: 53px; height: 534px; }
.template_xx_5 { margin: 70px auto 60px; border-bottom: 1px solid #E6E6E6; height: 50px; font-size: 22px; color: #269bde; }
.template_xx_12 p { font-size: 24px; color: #727272; text-align: center; line-height: 32px; }
.template_xx_13 { height: 185px; width: 185px; margin-top: 15px; margin-right: auto; margin-left: auto; }
.template_xx_13 img { max-width: 185px; max-height: 185px; }
.top_qh { float: left; margin-left: 40px; }
.top_qh div { padding: 0px 20px; height: 55px; float: left; }
.top_dh { width: 37px; background: url("../img/moban/qh.png") no-repeat scroll 20px -26px; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
.top_dh:hover, .online { background: url("../img/moban/qh.png") no-repeat scroll 20px 14px #5b5b5b; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
.top_sj { width: 17px; background: url("../img/moban/qh.png") no-repeat scroll -58px -26px; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
.top_sj:hover, .on { background: url("../img/moban/qh.png") no-repeat scroll -58px 14px #5b5b5b; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }